<template>
  <div class="indexmap">
    <el-container class="mainBox_x" v-show="!isHidde">    
      <el-tabs class="checkTabs" tab-position="left" v-model="activeMaincheck">
        <el-tab-pane label="综合监管" name="syn">
          <el-row class="topRow">
            <span class="tit">综合监管</span>
          </el-row>
          <el-row class="txtContent" v-for="item in superviceList" :key="item.id">
            <div class="txtItems">
              <span class="txtTitle">测绘单位：{{item.companyName}}</span>
              <!--span>测绘人员：张小明</span-->
              <span>测绘时间：{{item.time}}</span>
              <span>测绘地点：{{item.place}}</span>
              <span>经纬度：{{item.coorDonate}}</span>
            </div>
            <!--div class="toolBtn">
              <a href="javascript:void(0)" @click="$router.push({name: `viewDetail`, params: {supervice: item}})">查看</a>
            </div-->
          </el-row>
          <el-pagination class="pager"
                         @current-change="handleCurrentChange"
                         :current-page="page"
                         :page-size="size"
                         layout="total, prev, pager, next"
                         :total="total"
          ></el-pagination>

        </el-tab-pane>
        <el-tab-pane class="ideaTabs" label="审查意见" name="rep">
          <el-tabs tab-position="top" v-model="ideaTabs">
            <el-tab-pane label="复审内业审查意见" name="nyscyj">
              <p style="text-align: center;font-size: 14px;color: #333;" v-if="!nyOpinions.length">暂无数据</p>
              <div class="rowsContainer setScroll">
                <el-row class="txtContent" v-for="(item,index) in nyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{item.createTime}}</span>
                    <div class="subItem">
                      <span>问题图层：{{getDrawingFileName(item.drawingType)}}</span>
                      <span v-if="contentTypeList[item.contentType]">问题类型：{{ contentTypeList[item.contentType].t }}</span>
                    </div>
                    <span v-if="item.xpoint && item.ypoint">问题位置：坐标X {{ item.xpoint }}；坐标Y {{ item.ypoint }}</span>
                    <span v-else>问题位置：无</span>
                    <span>问题描述：{{item.content}}</span>
                    <div class="changeStatus">
                      <span>修改情况：</span>
                      <span>{{item.status == 3 ? "通过" : item.status == 2 ? '不通过' : item.status == 1 ? '未整改' : '正常'}}</span>
                    </div>
                  </div>
                  <div class="toolBtn" v-if="!isCurrentProcess">
                    <span class="eidtState" @click="showEditBox(item, index, 'ny')" v-if="item.status != 4">修改情况</span>
                    <a class="del" href="javascript:void(0)" @click="handleRemove(item)">删除</a>
                    <div class="eidtStateBox" v-show="item.eidtState">
                      <el-radio @change="eidtAdvice(item)" v-for="(it, index) in statusList" v-if="index !== 0" :key="it.v" v-model="item.status" :label="it.v">{{it.t}}</el-radio>
                    </div>
                  </div>
                </el-row>

                <!-- 添加复审内业审查意见 -->
                <el-form class="formFsnysc" :model="formNyscyj" ref="formNyscyj" v-if="nyscyjAdd" :rules="formNyscyjRule">
                  <div class="pblLayItem">
                    <el-form-item label="问题图层" prop="drawingType">
                      <el-select  v-model="formNyscyj.drawingType" >
                        <el-option v-for="item in fileSelectionList"
                                   :key="item.fileType"
                                   :label="item.fileName"
                                   :value="item.fileType"></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="问题类型" prop="contentType">
                      <el-select v-model="formNyscyj.contentType">
                        <el-option v-for="item in contentTypeList" :label="item.t" :value="item.v" :key="item.v"></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <el-form-item label="问题位置" inline-message prop="ypoint" v-show="formNyscyj.contentType != 4">
                    <div class="pblLayItem">
                      <div class="group"><span class="posLab">坐标x</span><el-input v-model="formNyscyj.xpoint" class="pos"></el-input></div>
                      <div class="group"><span class="posLab">坐标y</span><el-input v-model="formNyscyj.ypoint" class="pos"></el-input></div>
                      <el-button class="position el-icon-delete-location" @click="handlePickup">拾取</el-button>
                    </div>
                  </el-form-item>
                  <el-form-item label="问题描述" prop="content" v-show="formNyscyj.contentType != 4">
                    <el-input
                      class="txtArea"
                      type="textarea"
                      v-model="formNyscyj.content"
                      rows="7"></el-input>
                  </el-form-item>
                  <div class="btns">
                    <el-button class="submit" @click="handleAddFsnysc">提交</el-button>
                    <el-button class="cancel" @click="handleCnacel(1)">取消</el-button>
                  </div>
                </el-form>
              </div>
            </el-tab-pane>

            <el-tab-pane class="wy" label="复审外业核查意见" name="wyhcyj">
              <p style="text-align: center;font-size: 14px;color: #333;" v-if="!wyOpinions.length">暂无数据</p>
              <div class="rowsContainer setScroll">
                <el-row class="txtContent" v-for="(item, index) in wyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{item.createTime}}</span>
                    <span>核查图层：{{getDrawingFileName(item.drawingType)}}</span>
                    <span>问题位置：坐标X {{ item.xpoint }}；坐标Y {{ item.ypoint }}</span>
                    <span>核查描述：{{item.content}}</span>
                    <span>举证情况：{{item.status == 3 ? "通过" : item.status == 2 ? '不通过' : item.status == 1 ? '未整改' : '正常'}}</span>
                  </div>
                  <div class="toolBtn" v-if="!isCurrentProcess">
                    <span class="eidtState" @click="showEditBox(item, index, 'wy')">修改情况</span>
                    <a class="del" href="javascript:void(0)" @click="handleRemove(item)">删除</a>
                    <div class="eidtStateBox" v-show="item.eidtState">
                      <el-radio @change="eidtAdvice(item)" v-for="(it, index) in statusList" v-if="index !== 0" :key="it.v" v-model="item.status" :label="it.v">{{it.t}}</el-radio>
                    </div>
                  </div>
                </el-row>

                <!-- 添加复审外业核查意见 -->
                <el-form class="formFswyhc" ref="formWyscyj" :model="formWyhcyj" :rules="formWyscyjRule" v-if="wyhcyjAdd">
                  <div class="pblLayItem">
                    <el-form-item label="核查图层" prop="drawingType">
                      <el-select v-model="formWyhcyj.drawingType" >
                        <el-option v-for="item in fileSelectionList" :label="item.fileName" :key="item.fileType" :value="item.fileType"></el-option>
                      </el-select>
                    </el-form-item>
                  </div>
                  <el-form-item label="问题位置" inline-message prop="ypoint">
                    <div class="pblLayItem">
                      <div class="group"><span class="posLab">坐标x</span><el-input v-model="formWyhcyj.xpoint" class="pos"></el-input></div>
                      <div class="group"><span class="posLab">坐标y</span><el-input v-model="formWyhcyj.ypoint" class="pos"></el-input></div>
                      <el-button class="position el-icon-delete-location" @click="handlePickup">拾取</el-button>
                    </div>
                  </el-form-item>
                  <el-form-item label="问题描述" prop="content">
                    <el-input
                      class="txtArea"
                      type="textarea"
                      v-model="formWyhcyj.content"
                      rows="7"></el-input>
                  </el-form-item>
                  <div class="btns">
                    <el-button class="submit" @click="handleAddFswyhc">提交</el-button>
                    <el-button class="cancel" @click="handleCnacel(2)">取消</el-button>
                  </div>
                </el-form>
              </div>
            </el-tab-pane>
            <el-tab-pane class="wy" label="初审内业核查意见" name="csnyhcyj">
              <p style="text-align: center;font-size: 14px;color: #333;" v-if="!csnyOpinions.length">暂无数据</p>
              <div class="rowsContainer setScroll">
                <el-row class="txtContent" v-for="(item, index) in csnyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{item.createTime}}</span>
                    <span>核查图层：{{getDrawingFileName(item.drawingType)}}</span>
                    <span>核查描述：{{item.content}}</span>
                    <span>举证情况：{{item.status == 3 ? "通过" : item.status == 2 ? '不通过' : item.status == 1 ? '未整改' : '正常'}}</span>
                  </div>
                  <div class="toolBtn">

                  </div>
                </el-row>
              </div>
            </el-tab-pane>
            <el-tab-pane class="wy" label="初审外业核查意见" name="cswyhcyj">
              <p style="text-align: center;font-size: 14px;color: #333;" v-if="!cswyOpinions.length">暂无数据</p>
              <div class="rowsContainer setScroll">
                <el-row class="txtContent" v-for="(item, index) in cswyOpinions" :key="item.id">
                  <div class="txtItems">
                    <span class="changeTime">{{item.createTime}}</span>
                    <span>核查图层：{{getDrawingFileName(item.drawingType)}}</span>
                    <span>核查描述：{{item.content}}</span>
                    <span>举证情况：{{item.status == 3 ? "通过" : item.status == 2 ? '不通过' : item.status == 1 ? '未整改' : '正常'}}</span>
                  </div>
                  <div class="toolBtn">

                  </div>
                </el-row>
              </div>
            </el-tab-pane>
          </el-tabs>
          <el-button @click="handleAdd" :disabled="addBtnState" v-if="ideaTabs !== 'cswyhcyj' && ideaTabs !== 'csnyhcyj' && (!isCurrentProcess)" class="blue">新增</el-button>          
        </el-tab-pane>
      </el-tabs>
    </el-container>
  </div>
</template>

<script>
    import toolMenuBar from '@/components/toolMenuBar/'
    import { getDrawingAuditAdviceList,
        addDrawingAuditAdviceList,
        updateDrawingAuditAdvice,
        delDrawingAuditAdvice,
        getSuperviceList } from '@/api/earlyMapping/countryAuditAdvice'
    export default {
        components: {
            toolMenuBar
        },
        data () {
            return {
                page: 1,
                size: 3,
                total: 0,
                superviceList: [], // 综合监管列表
                eidtState: false,
                isHidde: false,
                ideaTabs: 'nyscyj',
                activeMaincheck: 'syn',
                nyscyjAdd: false,
                wyhcyjAdd: false,
                csnyOpinions: [], // 内业审查列表
                cswyOpinions: [], // 外业审查列表
                nyOpinions: [], // 内业审查列表
                wyOpinions: [], // 外业审查列表
                contentTypeList: [{v: 1, t: '一般错误'}, {v:2, t: '严重错误'}, // 问题类型
                    {v:3, t: '疑问片块'}, {v:4, t: '无错误'}],
                statusList: [{v: 1, t: '未修改'}, {v: 3, t: '通过'}, { v: 2, t: '未通过' }], // 修改状态
                formNyscyj: {
                    drawingType: '',
                    drawingFileId: '',
                    xpoint: '',
                    ypoint: '',
                    file: '',
                    content: '',
                    status: 1,
                    linkName: this.linkName,
                    contentType: '',
                    auditType: 1
                },
                formNyscyjRule: {
                    drawingType: [{require: true,
                        validator: (rule, value, callback) => {
                            if(!value) {
                                callback(new Error('请选择问题图层'))
                            }
                            callback()
                        }, trigger: 'change'}],
                    contentType: [{require: true,
                        validator: (rule, value, callback) => {
                            if(!value) {
                                callback(new Error('请选择问题类型'))
                            }
                            callback()
                        }, trigger: 'change'}],
                    ypoint: [{require: true,
                        validator: (rule, value, callback) => {
                            if((!value && value !== 0) || (!this.formNyscyj.xpoint && this.formNyscyj.xpoint !== 0)) {
                                callback(new Error('请填写坐标'))
                            }
                            callback()
                        }, trigger: 'blur'}],
                    content: [{require: true,
                        validator: (rule, value, callback) => {
                            if(!value) {
                                callback(new Error('请填写问题描述'))
                            }
                            callback()
                        }, trigger: 'blur'}]
                },
                formWyhcyj: {
                    drawingType: '',
                    drawingFileId: '',
                    content: '',
                    status: 1,
                    linkName: this.linkName,
                    contentType: '',
                    auditType: 2,
                    xpoint:'',
                    ypoint:''
                },
                formWyscyjRule: {
                    drawingType: [{require: true,
                        validator: (rule, value, callback) => {
                            if(!value) {
                                callback(new Error('请选择问题图层'))
                            }
                            callback()
                        }, trigger: 'change'}],
                    content: [{require: true,
                        validator: (rule, value, callback) => {
                            if(!value) {
                                callback(new Error('请填写问题描述'))
                            }
                            callback()
                        }, trigger: 'blur'}]
                }
            }
        },
        computed: {
            addBtnState () {
                if ((this.ideaTabs === 'nyscyj' &&  this.nyscyjAdd) || (this.ideaTabs === 'wyhcyj' &&  this.wyhcyjAdd)) {
                    return true
                } else {
                    return false
                }
            },
            getDate() {
                const date = new Date()
                return date.getFullYear() + '/' + date.getMonth() + '/' + date.getDay()
            },
            isCurrentProcess:function () {
              let isTrue = localStorage.getItem('key') == 'PRE_PROJECTING_CITY_CENTER_REVIEW';
              return !isTrue
            }
        },
        props: {
            fileSelectionList: {
                type: Array,
                require: true,
                default: () => []
            },
            projectId: {
                type: Number,
                require: true
            },
            linkName: {
                type: String,
                require: true
            },
            firstLinkName: {
                type: String,
                require: true
            }

        },
        watch:{
          ideaTabs(val){
            this.nyOpinions.forEach(v =>{
              v.eidtState = false
            })
            this.wyOpinions.forEach(v =>{
              v.eidtState = false
            })
          }
        },
        created() {
            this._initData()
            this.handleCurrentChange()
        },
        methods: {
            handleClose () {
                this.isHidde = !this.isHidde
            },
            // 修改图件审查修改状态
            eidtAdvice (item) {
                const loading = this.$loading({
                    lock: true,
                    text: "Loading",
                    spinner: "el-icon-loading",
                    background: "rgba(0, 0, 0, 0.7)"
                })
                updateDrawingAuditAdvice(item).then(res => {
                    loading.close()
                    this.$message.success('修改成功')
                }).catch(err => {
                    loading.close()
                })
            },
            handleCurrentChange () {
                const loading = this.$loading({
                    lock: true,
                    text: "Loading",
                    spinner: "el-icon-loading",
                    background: "rgba(0, 0, 0, 0.7)"
                })
                getSuperviceList({page: this.page, size: this.size, projectId: this.projectId}).then(res => {
                    loading.close()
                    this.total = res.data.total
                    this.superviceList = res.data.rows
                }).catch(err => {
                    loading.close()
                })
            },
            handleAdd () {
                switch (this.ideaTabs) {
                    case "nyscyj":
                        this.nyscyjAdd = true
                        break
                    case "wyhcyj":
                        this.wyhcyjAdd = true
                        break
                    default:
                        break
                }
            },
            showEditBox (item, index, flag) {
                const it = Object.assign(item)
                it.eidtState = !it.eidtState
                if (flag === 'ny') {
                    this.nyOpinions.splice(index, 1, it)
                } else if (flag === 'wy') {
                    this.wyOpinions.splice(index, 1, it)
                }
            },
            /*
            * 提交添加复审内业审查意见
            * */
            handleAddFsnysc () {                
                let isTrue = true;
                if(this.formNyscyj.contentType != 4){
                  this.$refs['formNyscyj'].validate(valid => {
                      isTrue = Boolean(valid)
                      this.formNyscyj.status = 1;
                  });
                }else{
                  this.formNyscyj.status = 4;
                  this.formNyscyj.content = "没问题"
                };
                if(isTrue) {
                    const loading = this.$loading({
                        lock: true,
                        text: "Loading",
                        spinner: "el-icon-loading",
                        background: "rgba(0, 0, 0, 0.7)"
                    });
                    const files = this.fileSelectionList.filter(item => item.fileType == this.formNyscyj.drawingType)
                    if (files[0] && files[0].fileId || files[0].fileId === null) {
                        this.formNyscyj.drawingFileId = files[0].fileId
                    };
                    const data = Object.assign(this.formNyscyj, {projectId: this.projectId})
                    addDrawingAuditAdviceList(data).then(res => {
                        loading.close()
                        this.$message.success('添加成功')
                        this.$refs['formNyscyj'].resetFields()
                        this.formNyscyj.xpoint = ''
                        this.handleCnacel(1)
                        this._initData()
                    }).catch(err => {
                        loading.close()
                    })
                }
                // console.log(this.formNyscyj)
            },
            //
            handleCnacel (flag) {
                if(flag == 1) {
                    this.nyscyjAdd = false
                } else if (flag == 2) {
                    this.wyhcyjAdd = false
                }

            },
            /*
            * 提交添加复审外业核查意见
            * */
            handleAddFswyhc () {
                const loading = this.$loading({
                    lock: true,
                    text: "Loading",
                    spinner: "el-icon-loading",
                    background: "rgba(0, 0, 0, 0.7)"
                })
                let isTrue = false
                this.$refs['formWyscyj'].validate(valid => {
                    isTrue = Boolean(valid)
                })
                if(isTrue) {
                    const files = this.fileSelectionList.filter(item => item.fileType == this.formWyhcyj.drawingType)
                    if (files[0] && files[0].fileId || files[0].fileId === null) {
                        this.formWyhcyj.drawingFileId = files[0].fileId
                    }
                    const data = Object.assign(this.formWyhcyj, {projectId: this.projectId})
                    addDrawingAuditAdviceList(data).then(res => {
                        this.$message.success('添加成功')
                        this.$refs['formWyscyj'].resetFields()
                        this.handleCnacel(2)
                        this._initData()
                        loading.close()
                    }).catch(err => {
                        loading.close()
                    })
                }
            },
                    /*
            * 拾取坐标
            * */
            handlePickup() {
              this.pickLatlngSwitch = true;
              this.$nextTick(() => {
                this.$parent.$parent.handleScView(false);
                this.$parent.$parent.handlePickLatlngSwitch(true);
              });
            },
            getPickObj(e){
              if(this.ideaTabs == 'nyscyj'){
                this.formNyscyj.xpoint = e.latlng.lat;
                this.formNyscyj.ypoint = e.latlng.lng;
              }else{
                this.formWyhcyj.xpoint = e.latlng.lat;
                this.formWyhcyj.ypoint = e.latlng.lng;
              }              
            },
            // 获取图件文件名称
            getDrawingFileName (drawingType) {
                const file = this.fileSelectionList.find(item => {
                    return item.fileType == drawingType
                })
                return file && file.fileName
            },
            // 删除图件审核意见
            handleRemove (item) {
                this.$confirm('确认删除此条审查意见?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    const loading = this.$loading({
                        lock: true,
                        text: "Loading",
                        spinner: "el-icon-loading",
                        background: "rgba(0, 0, 0, 0.7)"
                    })
                    delDrawingAuditAdvice(item.id).then(res => {
                        this.$message.success('删除成功')
                        loading.close()
                        this._initData()
                    }).catch(err => {
                        loading.close()
                    })
                }).catch(() => {
                })
            },
            // 获取初审内业/外业审查意见
            _getFirstWorkOpinion () {

                const loading = this.$loading({
                    lock: true,
                    text: "Loading",
                    spinner: "el-icon-loading",
                    background: "rgba(0, 0, 0, 0.7)"
                })
                const countryLinkName = this.firstLinkName
                // 内业审查意见
                getDrawingAuditAdviceList({linkName: countryLinkName, projectId: this.projectId, auditType: 1}).then(res => {
                    let list = []
                    if (res.data) {
                        list = res.data.map(item => {
                            item.eidtState = false
                            return item
                        })
                    }
                    this.csnyOpinions = list
                    loading.close()
                }).catch(err => {
                    loading.close()
                })
                // 外业审查意见
                getDrawingAuditAdviceList({linkName: countryLinkName, projectId: this.projectId, auditType: 2}).then(res => {
                    let list = []
                    if (res.data) {
                        list = res.data.map(item => {
                            item.eidtState = false
                            return item
                        })
                    }
                    this.cswyOpinions = list
                }).catch(err => {
                })
            },
            // 获取复审内业/外业审查意见
            _getReviewWorkOpinion () {
                const loading = this.$loading({
                    lock: true,
                    text: "Loading",
                    spinner: "el-icon-loading",
                    background: "rgba(0, 0, 0, 0.7)"
                })
                // 内业审查意见
                getDrawingAuditAdviceList({linkName: this.linkName, projectId: this.projectId, auditType: 1}).then(res => {
                    let list = []
                    if (res.data) {
                        list = res.data.map(item => {
                            item.eidtState = false
                            return item
                        })
                    }
                    this.nyOpinions = list
                    loading.close()
                }).catch(err => {
                    loading.close()
                })
                // 外业审查意见
                getDrawingAuditAdviceList({linkName: this.linkName, projectId: this.projectId, auditType: 2}).then(res => {
                    let list = []
                    if (res.data) {
                        list = res.data.map(item => {
                            item.eidtState = false
                            return item
                        })
                    }
                    this.wyOpinions = list
                }).catch(err => {
                })
            },
            // 初始化数据
            _initData () {
                this._getReviewWorkOpinion ()
                this._getFirstWorkOpinion()
            }
        }
    }
</script>

<style lang="scss">
  .indexmap{
    .menubox{
      width:40px;
      height:390px;
      background:#ffffff;
      border-radius:2px;
      left: 40px;
      top: 40px;
      position: absolute;
      .item{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        cursor: pointer;
        img{
          width: 24px;
          height: 24px;
        }
      }
      .line{
        width: 18px;
        height: 1px;
        margin: auto;
        background: #E6E6E6;
      }
    }
  }

  // 主container
  .mainBox_x {
    width:760px;
    height:490px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 6px rgba(0,0,0,0.16);
    opacity:1;
    border-radius:4px;
    margin: auto;
    .closeBtn {
      position: absolute;
      top: -8px;
      right: -25px;
      color: #fff;
      width: 15px;
      height: 15px;
      cursor: pointer;
    }
    /deep/ .el-tabs__header {
      margin: 0;
    }
    /deep/ .checkTabs.el-tabs {
      display: flex;
      &>.el-tabs__header{
        width:88px;
        height:656px;
        background:rgba(247,248,250,1);
        opacity:1;
        padding: 30px 0;
        margin-right: 0;
        border-radius:4px 0px 0px 4px;
        box-sizing: border-box;
        /deep/ .el-tabs__nav {
          /deep/ .el-tabs__item, /deep/ .el-tabs__active-bar{
            height: 36px;
            line-height: 36px;
            font-size: 14px;
          }
        }

        /deep/ .el-tabs__item.is-active {
          background: #EBEFF5;
        }
        /deep/ .el-tabs__nav-wrap::after{
          background: none;
        }
      }
      /deep/ .txtContent.el-row {
        margin-left: 20px;
      }
    }
    .topRow {
      border-bottom: 1px solid #F2F2F2;
      padding-left: 30px;
    }
    .checkTabs{
      &>.el-tabs__content {
        width: 672px;
        padding: 30px 0;
        box-sizing: border-box;
        padding: 10px 0;
        .tit{
          font-size:14px;
          font-family:PingFang SC;
          font-weight:500;
          height: 36px;
          line-height: 36px;
          color:rgba(29,136,243,1);
          opacity:1;
          display: inline-block;
          margin-bottom: 10px;
          border-bottom: 2px solid #1570D5;
        }
      }
    }
  }

  // 综合监管列表
  .txtContent {
    display: flex;
    width: calc(100% - 20px);
    padding: 10px 0;
    border-bottom: 1px solid rgba(225,226,230,1);
    align-items: center;
    .txtItems {
      width: calc(100% - 60px);
      padding-left: 10px;
      &>span{
        font-size:14px;
        font-family:PingFang SC;
        margin-top: 10px;
        font-weight:500;
        line-height:20px;
        color:rgba(140,140,140,1);
        opacity:1;
        display: inline-block;
        width: 240px;
      }
      .txtTitle {
        display: block;
      }
    }
    .toolBtn {
      position: relative;
      width: 120px;
      height: 100%;
      display: flex;
      align-items: center;
      margin-right: 30px;
      .eidtState {
        font-size: 14px;
        color: #7EB1E6;
        line-height: 20px;
        margin-right: 10px;
        cursor: pointer;
      }
      a {
        width: 30px;
        line-height: 20px;
        font-size: 14px;
        color: rgba(29,136,243,1);
        &.del {
          color: #F92828;
        }
      }
      .eidtStateBox {
        position: absolute;
        width: 176px;
        height: 60px;
        bottom: -59px;
        right: 70px;
        box-shadow:0px 3px 6px rgba(0,0,0,0.08);
        display: flex;
        align-items: center;
        padding: 0 20px;
        background-color: #fff;
        /deep/ .el-checkbox {
          margin-right: 6px;
        }
      }
    }
  }

  // 审查意见
  .ideaTabs {
    height: 100%;
    /deep/ .el-tabs {
      height: 100%;
      overflow: hidden;
    }
    /deep/ .el-tab-pane{
      height: 100%;
    }
    /deep/ .el-tabs__nav-scroll {
      padding-bottom: 10px;
      padding-left: 30px;
      border-bottom: 1px solid #F2F2F2;
    }
    /deep/ .el-tabs__item{
      height: 36px;
      font-size: 14px;
      line-height: 36px;
      color: #999999;
      padding: 0 10px;
      &.is-active{
        color: #1D88F3;
      }
    }
    /deep/ .el-tabs__nav-wrap::after{
      background: none;
    }

    // 添加按钮
    .blue {
      background: #409EFF;
      font-size: 14px;
      color: #fff;
      position: absolute;
      top: 17px;
      right: 47px;
      width: 60px;
      height: 28px;
      padding: 0;
      &.is-disabled {
        background: #F0F3F5;
        color: #B3B3B3;
      }
    }
    /deep/ .el-tabs__content {
      padding: 0;
      height: calc(100% - 47px);
      box-sizing: border-box;
    }
    // 复核内业审查意见列表
    .txtItems {
      display: flex;
      flex-direction: column;
      .subItem {
        display: flex;
        &>span{
          font-size:14px;
          font-family:PingFang SC;
          margin-top: 10px;
          font-weight:500;
          line-height:20px;
          color:rgba(140,140,140,1);
          width: 200px;
        }
      }
      &>span{
        display: inline-block;
        width: 100%;
        &.cols2 {
          width: 200px;
        }
      }
      .changeTime {
        position: absolute;
        top: 10px;
        right: 30px;
        width: auto;
      }
      .changeStatus{
        display: flex;
        font-size:14px;
        font-family:PingFang SC;
        margin-top: 10px;
        font-weight:500;
        line-height:20px;
        color:rgba(140,140,140,1);
        &>span{
          display: inline;
          width: auto;
        }
      }
    }

    // 添加复审内业审查意见
    .formFsnysc, .formFswyhc {
      .posLab {
        font-size: 13px;
        color: #A6A6A6;
        margin-right: 7px;
      }
      .pblLayItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /deep/ .el-form-item{
          display: flex;
        }
        .group {
          display: inline;
        }
      }
      /deep/ .el-form-item__label {
        font-size: 14px;
        font-weight: 500;
        color: #8C8C8C;
      }
      .position {
        height: 36px;
        color: #409EFF;
        background: #F0F5FA;
        padding: 8px;
      }
      /deep/ .el-input {
        width: 180px;
        height: 36px;
        font-size: 14px;
        color: #666;
        /deep/ .el-input__inner {
          height: 36px;
        }
        &.pos {
          width: 160px;
        }
      }
      .txtArea {
        width: 488px;
        height: 160px;
      }
      .btns {
        margin-left: 70px;
        btn {
          font-size: 14px;
          color: #666666;
        }
        .submit{
          background: #409EFF;
          color: #fff;
        }
      }
      width: calc(100% - 20px);
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      padding: 20px 95px 0 0;
      margin: 0 0px 0 20px;
    }
    // 复审外业核查意见
    .fswyhc {
      .txtContent {
        padding: 10px 0;
      }
    }
  }
</style>
<style lang="scss" scoped>
  .ideaTabs {
    .rowsContainer{
      height: 100%;
      overflow: auto;
    }
  }
  .pager {
    position: absolute;
    right: 30px;
    bottom: 20px;
  }
</style>
